<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>二手房详情</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/gongGong.css">
    <link rel="stylesheet" href="./css/secondHand.css">
    <script type="text/javascript"
        src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>
</head>

<body>
    <header>
        <div class="header-left">
            <a href="./index.html">
                <img src="./img/index/logo.jpg">
            </a>
        </div>
        <div class="header-right">
            <a href="./my.html">
                <img src="./img/index/my.jpg">
            </a>
            <a href="#">
                <img src="./img/index/xiazai.jpg">
            </a>
        </div>
    </header>
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="./img/SecondHandList/img.png">
            </div>
            <div class="swiper-slide">
                <img src="./img/SecondHandList/img1.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="./img/SecondHandList/img2.png">
            </div>
            <div class="swiper-slide">
                <img src="./img/SecondHandList/img3.png">
            </div>
            <div class="swiper-slide">
                <img src="./img/SecondHandList/img4.png">
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <section class="nei1">
        <p>天鹅湾小区精装两居，满五唯一，业主换房急售</p>
        <p><span>576 </span>万元 (单价：46327元/平)</p>
        <p>挂牌时间2015年6月20日</p>
        <p>
            <span>学区房</span>
            <span>独家</span>
            <span>满五唯一</span>
        </p>
    </section>
    <ul class="nei2">
        <li>
            <div>户型： 3室2厅</div>
            <div>面积： 100平</div>
        </li>
        <li>
            <div>楼层： 中楼层</div>
            <div>朝向： 西南</div>
        </li>
        <li>
            <div>装修： 精装</div>
            <div>楼型： 塔楼</div>
        </li>
        <li>
            <div>年代： 2004年</div>
            <div>区域： 西二旗</div>
        </li>
        <li>
            <div>首付： 123万</div>
            <div>月供： 15683元</div>
        </li>
        <li>
            <div>地铁：离西二旗地铁站800米</div>
        </li>
        <li>
            <div>小区：珠江帝景</div>
        </li>
        <li>
            <div>学校：北京市第二实验小学</div>
        </li>
        <li>
            <div>更多房源信息</div>
        </li>
    </ul>
    <div class="nei3">
        <h2>房源特色</h2>
        <p class="pp1">小区环境优雅，虽处闹市中（小区南200米有美廉美超市、西30米有华联商场、星美国际影城、东北角就是大中电器、
            小区东100米有汇佳幼儿园、昌平实验一小，昆泰国际大酒...</p>
        <p class="pp2">更多特色</p>
    </div>
    <div class="nei4">
        <h2>户型分间</h2>
        <ul>
            <li>
                <img src="./img/SecondHandList/img4.png">
                <div>
                    <h2>当前格局</h2>
                    <p>分间信息：客厅25平米，南北通透</p>
                    <p>
                        <span>南北通透</span>
                        <span>全明格局</span>
                    </p>
                </div>
            </li>
            <li>
                <img src="./img/SecondHandList/img5.png">
                <div>
                    <h2>当前格局</h2>
                    <p>分间信息：客厅25平米，南北通透</p>
                    <p>
                        <span>南北通透</span>
                        <span>全明格局</span>
                    </p>
                </div>
            </li>
        </ul>
    </div>
    <ul class="nei5">
        <li>对口学校</li>
        <li><span>学校名称：</span>北京市第二实验小学</li>
        <li><span>升学方式：</span>直升、派位</li>
        <li><span>对口中学：</span>团结湖中学</li>
        <li><span>划片小区：</span>3个划片小区 在售房源150套</li>
        <li><span>学校特色：</span>包食宿、有校车</li>
        <li>查看学校详情</li>
    </ul>
    <div class="nei6">
        <h2>位置及周边</h2>
        <div id="container"></div>
    </div>
    <ul class="nei7">
        <h2>推荐房源</h2>
        <li>
            <div class="nei7-bottom">
                <div></div>
                <p>推荐理由：同户型、通风好、采光好</p>
            </div>
            <div class="section-left">
                <img src="./img/index/img1.jpg">
            </div>
            <div class="section-right">
                <h3 class="pp1">文化部中间层一层带...</h3>
                <p class="pp2">2室1厅96㎡南北<span>1105万</span></p>
                <p class="pp3">红庙北里<span>14268元/平</span></p>
                <p class="pp4">
                    <a href="#">学区房</a>
                    <a href="#">独家</a>
                </p>
            </div>
        </li>
        <li>
            <div class="nei7-bottom">
                <div></div>
                <p>推荐理由：同户型、通风好、采光好</p>
            </div>
            <div class="section-left">
                <img src="./img/index/img2.png">
            </div>
            <div class="section-right">
                <h3 class="pp1">光大水墨 精装复式...</h3>
                <p class="pp2">2室1厅96㎡南北<span>280万</span></p>
                <p class="pp3">光大水墨<span>14268元/平</span></p>
                <p class="pp4">
                    <a href="#">学区房</a>
                    <a href="#">独家</a>
                    <a href="#">满五唯一</a>
                </p>
            </div>
        </li>
        <li>
            <div class="nei7-bottom">
                <div></div>
                <p>推荐理由：同户型、通风好、采光好</p>
            </div>
            <div class="section-left">
                <img src="./img/index/img3.png">
            </div>
            <div class="section-right">
                <h3 class="pp1">南北通透两居 精装修...</h3>
                <p class="pp2">2室1厅96㎡南北<span>320万</span></p>
                <p class="pp3">北京新天地<span>14268元/平</span></p>
                <p class="pp4">
                    <a href="#">地铁房</a>
                    <a href="#">独家</a>
                </p>
            </div>
        </li>
        <p>查看更多相似房源</p>
    </ul>
    <footer>
        <h2>北京找房无忧 > 首页</h2>
        <ul>
            <li>
                <div class="zuo">
                    <img src="./img/index/apple.png">
                </div>
                <div class="you">
                    <p>iPhone</p>
                    <p>客户端</p>
                </div>
            </li>
            <li>
                <div class="zuo">
                    <img src="./img/index/android.png">
                </div>
                <div class="you">
                    <p>Android</p>
                    <p>客户端</p>
                </div>
            </li>
        </ul>
        <p>北京找房无忧房地产经纪公司</p>
        <p>网络经营许可证京ICP备20160812号</p>
    </footer>
    <div class="nei8-footer">
        <div class="div1">
            <p>联系经纪人</p>
        </div>
        <div class="div2">
            <img src="./img/SecondHandList/xin.png">关注
        </div>
    </div>
</body>
<script src="./js/jquery-2.2.4.js"></script>
<script src="./js/shua.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal', // 垂直切换选项
        loop: true,
        autoplay: {
            delay: 1000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        }, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            type: 'fraction'
        },
    })
    // 创建地图实例
    var map = new BMapGL.Map("container");
    // 设置地图中心点，这里是天安门   34.80452,113.680779
    var point = new BMapGL.Point(113.680779, 34.80452);
    map.centerAndZoom(point, 15);
</script>

</html>